// http://localhost:8888/blog/list 原接口
// http://localhost:8080/kkk/blog/list => http://localhost:8888/blog/list
// http://localhost:8080/kkk/blog/list => http://localhost:8888/kkk/blog/list => 404
module.exports = {
    devServer: {
        // proxy: "http://localhost:8888", // 直接8080 代理到8888
        proxy: {
            '/kkk': {     // 别名  匹配别名并代理到 8888
                target: 'http://localhost:8888',  // 后台接口域名
                pathRewrite: {
                    '^/kkk': '' // 别名替换成空 （因为接口本身就没有别名这个字段）
                }
            },
            '/api': {     // 别名  匹配别名并代理到 8888
                target: 'http://localhost:9999',  // 后台接口域名
                pathRewrite: {
                    '^/api': '' // 别名替换成空 （因为接口本身就没有别名这个字段）
                }
            },
            '/bbb': {     // 别名  匹配别名并代理到 8888
                target: 'http://localhost:7777',  // 后台接口域名
                pathRewrite: {
                    '^/bbb': '' // 别名替换成空 （因为接口本身就没有别名这个字段）
                }
            }
        }
    }
}
// 跨域 浏览器有一个策略叫同源策略
// 就是资源之间访问需要 端口（8080） 协议（http https） 域名(localhost  baidu) 全部相等才能发起请求 否则就会跨域
// http://localhost:8080/
// http://localhost:8888/
// 两种方案 前端解决(proxy)  后端解决(cors跨域)

// 前端跨域方案
// proxy代理
// 前端发的接口代理到 proxy 
// proxy起一个中间服务这个服务的端口 协议域名都和  我们的服务端相同 所以不会产生跨域

// 后端Cors跨域方案
// 下载 koa-cors
// app.use(cors({
//     origin: "*"
// }))

// 前端跨域方案 有哪几种  4 - 5
// nginx 反向代理跨域介绍一下？